<template>
  <view>
    <hx-navbar ref="hxnb" :config="config">
      <view slot="bottom">
        <template>
          <view class="input-product">
            <u-search placeholder="搜索" v-model="searchData.keywords" :showAction="false"></u-search>
          </view>
        </template>
      </view>
    </hx-navbar>

    <scroll-view scroll-y refresher-enabled show-scrollbar :style="{height: `${screenHeight - 45}px`, backgroundColor: '#fff'}">

      <view v-if="listData.length === 0" :style="{paddingTop: '150px'}">
        <u-empty mode="list" />
      </view>

    </scroll-view>

    <view class="print">
      <u-icon name="scan" color="#60b4f6" size="40"></u-icon>
    </view>
  </view>
</template>

<script>
export default {
  name: 'customer-delivery',
  data() {
    return {
      searchData: {
        keywords: ''
      },
      config: {
        title: "客户提货",
        color: "#ffffff",
        //背景颜色;参数一：透明度（0-1）;参数二：背景颜色（array则为线性渐变，string为单色背景）
        backgroundColor: [1, ["#409EFF", "#409EFF", "#60b4f6", "#60b4f6"]],
      },
      screenHeight: 0,
      listData: []
    }
  },
  mounted() {
    const sysInfo = uni.getSystemInfoSync()
    this.screenHeight = sysInfo.windowHeight
  },
}
</script>

<style scoped lang="scss">
  .input-product {
    width: 95%;
    margin: 20upx auto;
    border-radius: 50upx;
    height: 70upx;
    line-height: 70upx;
    color: #fff;
    display: flex;
  }

  .print {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 50rpx;
    width: 100rpx;
    height: 100rpx;
    bottom: 100rpx;
    box-shadow: 2rpx 4rpx 14rpx #c7c7c7;
    border-radius: 50%;
    background-color: #FFFFFF;
  }
</style>
